<html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- jQuery -->
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>

    <!-- Bootstrap -->
    <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <style type="text/css">
        th{
            text-align: center;
        }
        td{
            text-align: center;
        }
        html { overflow-x: hidden; overflow-y: auto; }
        #title{
            background-color: cornflowerblue;
        }

        .row-margin-top {
            margin-top: 10px;
        }

    #submit{
        background-color: #449d44;
        border-color: #398439;
        color :white;
    }
        #submit span{
            color :white;
        }

        #myInfo{
            font-family: 微软雅黑;
            font-size: large;
            color: blue;
        }

        #off{
            margin-top: 10px;
            font-family: 微软雅黑;
            color: black;
        }

    </style>




</head>
<body>


<!--页面主体-->
<div class="container-fluid " >
    <div class="row " id = "title">
        <div class="col-md-1 row-margin-top">
            <a href="playView.html"><button class="btn btn-info btn-lg active" ><span class="glyphicon glyphicon-film" aria-hidden="true"></span>&nbsp;首页</button></a>

        </div>

        <div class="col-md-4 col-md-offset-3" >
            <h1>欢 迎 光 临 T T M S 影 院</h1>
        </div>

        <div class="col-md-1 col-md-offset-2 row-margin-top" >
            <a href="myInfo.html"><button id="myInfo" class="btn btn-link btn-lg " ><span class="glyphicon glyphicon-user" aria-hidden="true" ></span>&nbsp;</button></a>
        </div>

        <div class="col-md-1 row-margin-top">
            <a href="../index.html"><button id="off" class="btn btn-link  " ><span class="glyphicon  glyphicon-off" aria-hidden="true"></span>&nbsp;注销</button></a>
        </div>



    </div>

    <div class = "row ">
        <div class="col-md-4 col-md-offset-5">
            <h1>选座</h1>
        </div>
    </div>

    <div class = "row ">
        <div class="col-md-2 col-md-offset-8">
            <button  id="submit" class=" btn-lg  btn-default" ><span class="glyphicon  glyphicon-ok-sign" aria-hidden="true"></span>确定</button>
        </div>
    </div>

    <div class="row row-margin-top">
                <div class="col-md-8 col-md-offset-2">
                    <table id="seat_table" class="table table-bordered table-striped">
                        <thead>

                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>

</div>
</body>
</html>
<script>
$(function () {
    $

})


//    $(function () {
//        var uri = location.search;
//        //解决乱码
//        var studioName = decodeURIComponent(uri).split("=")[1];
//        $.ajax({
//            data: {"studioName": studioName},
//            type: "post",
//            url: "../searchSeat/searchSeat",
//            success: function (data) {
//
//                var body = $("#seat_table tbody");
//
//                //定义二维数组
//                var tabletr = new Array();
//                //横10束10
//                for (var i = 0; i < 10; i++) {//外层
//                    tabletr[i] = new Array();
//                    for (var j = 0; j < 10; j++) {//内层
//                        tabletr[i][j] = i + j;
//                    }
//                }
//                //在seat_table 表格中定义10*10
//                for (var i = 1; i <= 10; i++) {
//                    //外层是tr
//                    tabletr[i] = $("<tr height='50px'></tr>");
//                    body.append(tabletr[i]);
//                    for (var j = 1; j <= 10; j++) {
//                        //内层th 及按钮
//                        tabletr[i][j] = $("<th width='30px'>" +
//                            "<button class='btn btn-info btn-sm seatBtn'><span class='glyphicon glyphicon-repeat'>"+j+"</span></button></th>");
//                        tabletr[i].append(tabletr[i][j]);
//                    }
//                }
//                $("#seat_table").append(body);
//
//            },
//            dataType: "json"
//        })


    // })


</script>